<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>必胜客-美味菜单</title>
        <style>
            *{
                margin: 0px;
                padding: 0px;
                list-style: none;
            }
            .header{
                height: 45px;
            }
            .header .first{
                width: 1050px;
                margin: 0px auto;
            }
            .header .one a{
                float: left;
                width: 300px;
                height: 45px;
                border-right: 1px solid #ede7d8;
            }
            .header .two a{
                float: left;
                height: 45px;
                text-decoration: none;
                outline: none;
            }
            .header .two ul li a{
                color: #6d6458;
                font-size: 13px;
                margin-top: 16px;
                margin-left: 16px;
                margin-right: 36px;
            }
            .center{
                height: 500px;
                position: relative;
            }
            .min{
                height: 110px;
                background: #302722;
                border-bottom: 5px solid #af0d10;
            }
            .three{
                height: 110px;
                width: 50px;
                background: #555;
                position :absolute;
                right: 0px;
                top: 150px;
            }
            .three a{
                display: block;
                font-size: 12px;
                text-decoration: none;
                color: #ffff;
                text-align: center;
                margin: 0px auto;
            }
            .three img{
                display: block;
                text-align: center;
                margin: 5px auto;
            }
            .box{
                width: 800px;
                margin: 0px auto;
            }
            .box img{
                float: left;
                margin: 40px auto;
            }
            .four{
                float: left;
                margin: 42px auto;
            }
            .four h3{
                color: #ffff;
                font-size: 15px;
                margin-left: 10px;
            }
            .four p{
                color: #aca9a7;
                font-size: 12px;
                margin-left: 10px;
                margin-top: 5px;
            }
            .footer{
                background: #1f1510;
            }
            .map{
                width: 1000px;
                height: 188px;
                margin: 0px auto;
            }
            .map dl{
                float: right;
                margin: 12px;
            }
            .map dt{
                color: #ffff;
                font: bold 12px/24px "宋体";
            }
            .map dd{
                font: 12px/24px "宋体";
                color: #d2d0cf;
            }
            .last{
                height: 32px;
                background:#1f1510; 
                border-top: 1px solid #403834;
            }
            .font{
                height: 32px;
                width: 520px;
                margin: 0px auto;
            }
            .last p{
                text-align: center;
                font: 12px/31px "宋体";
                float: left;
                color: white;
                line-height: 5px;
                margin: 2px auto;
                padding-right:15px;
            }
        </style>
    </head>
    <body>
        <div class="header">
            <div class="first">
                <div class="one">
                    <a href="index8.html"><img src="images/logo.png" alt=""></a>
                </div>
                <div class="two">
                    <ul>
                        <li><a href="index1.html">品牌介绍</a></li>
                        <li><a href="index2.html">美味菜单</a></li>
                        <li><a href="index3.html">热门活动</a></li>
                        <li><a href="index4.html">礼品卡</a></li>
                        <li><a href="index5.html">会员中心</a></li>
                        <li><a href="index6.html">联系我们</a></li>
                        <li><a href="index7.html">有关消息</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="center">
            <div class="photo">
                <img src="images/1.jpg" alt="">
            </div>
            <div class="three">
                <img src="images/5.png" alt="">
                <a href="">APP下载</a>
                <img src="images/6.png" alt="">
                <a href="">  加关注</a>
            </div>
        </div>
        <div class="min">
            <div class="box">
                <img src="images/4.png" alt="">
                <div class="four">
                    <h3>会员福利</h3>
                    <p>多款尝新特惠抢购</p>
                </div>
            </div>
        </div>
        <div class="footer">
            <div class="map">
                <dl style="width: 110px">
                   <dt>关于必胜客</dt> 
                   <dd>品牌介绍</dd>
                   <dd>企业责任</dd>
                </dl>
                <dl style="width: 110px">
                    <dt>美味菜单</dt>
                    <dd>新品推荐</dd>
                </dl>
                <dl style="width: 110px">
                    <dt>关注我们</dt>
                    <dd>下载APP</dd>
                    <dd>官方微信</dd>
                    <dd>新浪微博</dd>
                    <dd>人人网</dd>
                </dl>
                <dl style="width: 120px">
                    <dt>加入我们</dt>
                    <dd>中国百胜职业网</dd>
                </dl>
                <dl style="width: 110px">
                    <dt>联系我们</dt>
                    <dd>联系我们</dd>
                </dl>
                <dl style="width: 110px">
                    <dt>法律条款</dt>
                    <dd>网站协议</dd>
                    <dd>隐私政策</dd>
                    <dd>经营公示</dd>
                </dl>
                <dl style="width: 110px">
                    <dt>其他品牌网站</dt>
                    <dd>中国百胜</dd>
                    <dd>中国肯德基</dd>
                    <dd>东方既白</dd>
                    <dd>小肥羊</dd>
                    <dd>肯德基宅急送</dd>
                    <dd>必胜宅急送</dd>
                </dl>
            </div>
        </div>
        <div class="last">
            <div class="font">
                <p>环胜电子商务（上海）有限公司</p>
                <p>沪ICP备17028264号-2</p>
                <p>沪公网安备31010402003280号</p>
            </div>
        </div>
    </body>
</html>